<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>子账号管理</title>
		<link rel="stylesheet" href="css/son_account.css">
		<link rel="stylesheet" href="./css/bootstrap.css">
		<script src="js/jquery.min.js"></script>
	</head>
	<body id="main">
		<div id="find">
			<div id="find01">
				用户名:<input type="text" name="username" id="username" value="" placeholder="请输入"/>
			</div>
			<div id="find02">
				真实姓名:<input type="text" name="zusername" id="zusername" value="" placeholder="请输入"/>
			</div>
			<div id="find03">
				状态:<select>
					<option value="全部">全部</option>
					<option value="启用">启用</option>
					<option value="禁用">禁用</option>
				</select>
			</div>
			<div id="find04">
				手机号码:<input type="text" name="phone" id="phone" value="" placeholder="请输入"/>
			</div>
			<div id="find05">
				角色:<select>
					<option value="采购部">采购部</option>
					<option value="电商部">启用</option>
					<option value="生产部">生产部</option>
					<option value="总经办">总经办部</option>
				</select>
				
			</div>
			<div id="find06">
				性别:<select>
					<option value="全部">全部</option>
					<option value="男性">男性</option>
					<option value="女性">女性</option>
				</select>
			</div>
			<div id="find07">
				<div id="find07_1">
					<input type="button" name="query" id="query" value="查询" />
				</div>
			</div>
			
			<div id="showtable">
				<table id="table1">
					<thead>
						<tr>
							<th><input type="checkbox"></th>
							<th>序号</th>
							<th>用户名</th>
							<th>真实姓名</th>
							<th>角色</th>
							<th>性别</th>
							<th>电子邮箱</th>
							<th>手机号码</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr ></tr>
						
					</tbody>
				</table>
				<nav aria-label="Page navigation">
					<ul class="pagination" id="page">
						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
			</div>  
		</div>
	</body>
	<script src="js/yz.js" charset="utf-8"></script>
</html>
